
.SettingRoot{
    flow-children:down;
    width:720px;
    height:200px;
    horizontal-align:right;
    vertical-align: bottom;
    margin-right:400px;
    margin-bottom: 350px;
    visibility: collapse;
}

.Inner{
    flow-children:down;
    width:320px;
    height:100%;
    background-color: gradient( linear, 100% 0%, 100% 100%, from( #111111 ), color-stop( 0.00, #272b30 ), color-stop( 0.6, #181a1e ), to( #181a1e ) );
    /*box-shadow:inset #a4a4a4 0px 2px 6px 3px;*/
    border:3px solid #101214;
}

.SettingHeader{
    horizontal-align:left;
    margin-top:16px;
    margin-left:16px;
}

.SettingHeader Label{
    font-size: 22px;
}

.SettingContent{
    margin-left:15px;
    margin-top:10px;
    flow-children:right;
}

.HrBar{
    height:2px;
    margin-left:8px;
    margin-right:8px;
    background-color:#49525555;
    width:100%;
}

#AddBotBtn{
    width:180px;
    height:50px;
    background-color:gradient( linear, 0% 0%, 0% 100%, from(rgba(59, 58, 40, 0.8)), to(rgba(119, 116, 73, 0.8)) );
    background-image:url("s2r://panorama/images/backgrounds/background_play_button_2x_png.vtex");
    background-size: 100% 100%;
    box-shadow:fill #00000000 0px 0px 0px 0px;
    border-top:1px solid #ffffff03;
    border-left:1px solid #ffffff03;
    vertical-align: bottom;
    margin-bottom:25px;
    margin-top:10px;
    horizontal-align:center;
    box-shadow: fill rgba(102, 100, 38, 0.27) -4px -4px 8px 9px;
    transition-property: box-shadow, background-color, opacity, transform;
    transition-delay: 0.0s;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

#AddBotBtn:hover{
    background-color: gradient( linear, 0% 0%, 0% 100%, from( #5A615E ), to( #b7c6c5 ) );
    box-shadow:fill rgba(102, 100, 38, 0.27) -4px -4px 8px 8px;
}

#AddBotBtn:active
{
    background-color: gradient( linear, 0% 0%, 0% 100%, from( #5A615E ), to( #ffffff ) );
}



#AddBotBtn Label{
    vertical-align: center;
    width:100%;
    text-align: center;
}
